import React, { Component } from 'react';


export default class Page3 extends Component{
    constructor(props){
        super(props);
        this.state = {
            list:[
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                },
                {
                    mes:""
                }
            ]
        }
    }
    render() {
        let dyList = this.state.list.map((data,index) =>{
            return <article className="excerpt excerpt-3 excerpt-text" key={index}>
                <header>
                    <h2>
                        <a target="_blank" href="" title="《玩转CSS3新特性》高级教程录制完成  希望大家喜欢关注web前端技术">《玩转CSS3新特性》高级教程录制完成  希望大家喜欢</a>
                    </h2>
                </header>
                <p className="meta">
                    <time><i className="fa fa-clock-o"></i>2017-01-11</time>
                    <span className="author">
                            <i className="fa fa-user"></i>
                            <a href="">啦啦啦</a>
                        </span>
                    <span className="pv"><i className="fa fa-eye"></i>阅读(4593)</span>
                    <a className="pc" href="http://jspang.com/2017/01/11/css3/#respond"><i className="fa fa-comments-o"></i>评论(0)</a>
                </p>
                <p className="note">通过20多天的努力终于把《玩转CSS3新特性》的视频教程录完了，这期间Wos老师给了我很多的帮助，他耐心的一遍遍的教我录制课程的技巧，每节课都给我指出不足，让我不断进步。非常感谢Wos老师的帮助。通过录制这个课程我最大的感受是，输出是最好的...</p>
            </article>
        });
        return(
            <section className={"container"}>
                <div className="title" style={{paddingTop:"10px"}}>
                    <h3>生活记录</h3>
                    <div className="more"><a href="">啦啦啦？</a></div>
                </div>
                {dyList}
            </section>
        )
    }
}
